<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>云巴网站</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
    <a class="navbar-brand">
        <img src="images/logo3.png" alt="">
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item">
                <a class="nav-link" href="#">共享单车方案</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    快速入门
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="#">快速入门</a>
                    <a class="dropdown-item" href="#">聊天室</a>
                    <a class="dropdown-item" href="#">直播弹幕 Demo</a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">产品介绍</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">价格</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    开发者资源
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="#">SDK 下载</a>
                    <a class="dropdown-item" href="#">文档中心</a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">用户案例</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">博客</a>
            </li>
        </ul>
        <div class="col-md-2"></div>
            <button type="button" class="btn btn-outline-primary mr-2">登录</button>
            <button type="button" class="btn btn-outline-primary">注册</button>
        </div>
    </div>
    </div>
</nav>



<header>
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <div class="container">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <h5>APP、WEP、物联网实时通讯云服务</h5>
                    <p>专注于为需要实时数据交换的产品提供完美解决方案。</p>
                    <p>支持包括手机、web、智能设备的几乎所有平台</p>
                    <a href=""><img src="images/play.png" alt=""><h2>开启一键推送</h2></a>
                </div>
                <div class="carousel-item">
                    <h5>APP、WEP、物联网实时通讯云服务</h5>
                    <p>云巴提供完整的共享单车解决方案，助力品牌快速投放，</p>
                    <p>提供专业共享单车云平台服务</p>
                    <a href=""><img src="images/play.png" alt=""><h2>开启一键推送</h2></a>
                </div>
                <div class="carousel-item">
                    <h5>APP、WEP、物联网实时通讯云服务</h5>
                    <p>使用云巴，无需注册华为等开发者账号，极速集成推送功能</p>
                    <p>&nbsp;</p>
                    <a href=""><img src="images/play.png" alt=""><h2>开启一键推送</h2></a>
                </div>
            </div>
        </div>
    </div>
</header>




<div class="home">
    <div class="container">
        <img src="images/home.png" alt="">
    </div>
</div>



    <main>
        <div class="diannao">
            <div class="container">
                <div class="d-n">
                    <div class="zi">
                        <h2>云巴™助你打造最佳实时应用</h2>
                        <p>基于云巴的实时消息系统,</p>
                        <p>你可以轻松实现跨手机、预览器、智能设备的实时通讯, </p>
                        <p>开发、部署大规模实时应用.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-yi">
            <div class="container">
                <h3>产品主要功能</h3>
                <div class="row">
                    <div class="ma col-md">
                        <img src="images/push.png" alt="">
                        <p>消息推送</p>
                        <span>Push Notification</span>
                    </div>
                    <div class="ma col-md">
                        <img src="images/msg.png" alt="">
                        <p>实时消息</p>
                        <span>Realtime Messaging</span>
                    </div>
                    <div class="ma col-md">
                        <img src="images/stat.png" alt="">
                        <p>实时统计</p>
                        <span>Analytics</span>
                    </div>
                    <div class="ma col-md">
                        <img src="images/user.png" alt="">
                        <p>实时在线</p>
                        <span>Presence</span>
                    </div>
                    <div class="ma col-md">
                        <img src="images/api%20(2).png" alt="">
                        <br>
                        <br>
                        <span>REST API</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-er">
            <div class="container">
                <h2>云巴示例和案例</h2>
                <p>我们为移动应用以及智能设备开发提供后端云服务，助你打造最佳实时应用</p>
                <div class="row">
                    <div class="in col-md-4 col-xs-12">
                        <div class="yi text-center">
                            <h5>掌阅 iReader</h5>
                            <img src="images/case-ireader.png" alt="">
                            <p>老牌阅读软件，超过三亿人使用的阅读平台，拥有下载、试读、收藏、书城社区等功能。</p>
                            <p>月活跃量在 5000万 以上，日并发量一亿。</p>
                        </div>
                    </div>
                    <div class="in col-md-4 col-xs-12">
                        <div class="er text-center">
                            <h5>即时通讯</h5>
                            <img src="images/icon.png" alt="">
                            <p>集成云巴 SDK，既可快速实现一对一聊天、多人在线聊天群或者无人数上限聊天室等，还可体验实时在线、实时统计等功能。</p>
                        </div>
                    </div>
                    <div class="in col-md-4 col-xs-12">
                        <div class="san text-center">
                            <h5>共享单车方案</h5>
                            <img src="images/icon(1).png" alt="">
                            <p>云巴共享单车整体解决方案提供智能锁、APP、云平台服务。云巴物联锁接入云巴实时通信服务，实现实时定位，移动端瞬时开锁，实时路径监控等功能</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="in col-md-4 col-xs-12">
                        <div class="yi text-center">
                            <h5>智能车锁方案</h5>
                            <img src="images/zncs.png" alt="">
                            <p>智能车位锁为每一个闲置车位赋予独立的智能化属性，通过锁内的智能模块通信实现对每一个车位的管理，实现车位的共享。告别传统停车场车位管理困难，依赖高成本人力收费等问题。</p>
                        </div>
                    </div>
                    <div class="in col-md-4 col-xs-12">
                        <div class="er text-center">
                            <h5>智能门锁方案</h5>
                            <img src="images/znms.png" alt="">
                            <p>云巴智能门锁系统由蓝牙密码门锁硬件、手机客户端、门锁管理后台系统三个部分组成。云巴智能门锁可以使用手机APP多锁管理、远程发送管理权限、远程删除授权密码，手机一键打开门锁，手机查询开锁记录。</p>
                        </div>
                    </div>
                    <div class="in col-md-4 col-xs-12">
                        <div class="san text-center">
                            <h5>视频直播</h5>
                            <img src="images/case-live-video.png" alt="">
                            <p>借助云巴的第三方直播互动技术，直播平台可快速实现弹幕、打赏、点赞、点爱心等直播互动功能。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-san">
            <div class="container text-center">
                <h2 >媒体报道</h2>
                <div class="row">
                    <div class="san col-md-4">
                        <img src="images/leiphone.jpg" alt="">
                        <a href="">第三方推送已死</a>
                        <p>主流的 Android 手机现在会自动清理后台，禁止服务自动拉起，以前第三方推送服务商的各种 SDK 保活手段相继失效，云巴一键集成厂商的推送服务解决难题。</p>
                    </div>
                    <div class="san col-md-4">
                        <img src="images/tob.jpg" alt="">
                        <a href="" title="累计1.6万企业用户，云巴把重心放在“实时通讯”">累计1.6万企业用户，云巴把重心放在“实时通讯”</a>
                        <p>目前云巴的注册用户已经超过 16000 个，以企业用户为主，每日调用 API 接口上亿次，每月约有400名新增用户。截止目前，在云巴平台注册的终端设备已经达到了数十亿台。</p>
                    </div>
                    <div class="san col-md-4">
                        <img src="images/iheima.jpg" alt="">
                        <a href="">A 轮后云巴想解决直播弹幕压力大的难题</a>
                        <p>云巴所提供的实时消息通信服务，就能够支持大规模的高并发量通信场景，帮助解决大量用户在线，直播弹幕压力大等问题。</p>
                    </div>
                </div>
                <a class="btn btn-primary" role="button" style="color: #ffffff;margin: 50px auto">查看更多</a>
            </div>
        </div>
    </main>


    <footer>
        <div class="container">
            <div class="row">
                <div class="foo col-md-7">
                   <div class="row">
                       <div class="col-md">
                           <h4>产品</h4>
                           <p>消息推送</p>
                           <p>实时消息</p>
                           <p>实时统计</p>
                           <p>实时在线</p>
                       </div>
                       <div class="col-md">
                           <h4>开发者资源</h4>
                           <p>SDK下载</p>
                           <p>文档中心</p>
                       </div>
                       <div class="col-md">
                           <h4>公司</h4>
                           <p>关于我们</p>
                           <p>联系我们</p>
                           <p>人才招聘</p>
                           <p>媒体报道</p>
                       </div>
                       <div class="col-md">
                           <h4>博客</h4>
                           <p>QQ群</p>
                           <p>2324623304</p>
                       </div>
                       <div class="col-md">
                           <h4>友情链接</h4>
                           <p>webcloud</p>
                       </div>
                   </div>
                </div>
                <div class="ter col-md-5">
                    <p>2013-2018 深圳市微智云科技有限公司</p>
                    <p>深圳市南山区科技园南区长虹科技大厦23层2301室</p>
                    <p>Terms & Conditions</p>
                    <p>Privacy Policy</p>
                    <p>粤ICP备14035779号</p>
                    <img src="images/gs.gif" alt="">
                </div>
            </div>
        </div>
    </footer>


    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>